<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>余额充值</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/cart.css">
</head>
<body>
    <!--header引入区域-->
    <header>
        <a href="#"> <img src="./../../assets/image/logo.svg" alt=""></a>
        <h3>余额充值</h3>
    </header>
    <div class="content-main pay">
            <div class="layout">
                <div class="pay-order">
                    <div class="order-content">
                        <span class="bal-price"> 充值金额：<span class="stress"> 1,000.00</span> 元</span>
                    </div>
                </div>
            </div>
            <div class="layout sn-clr">
                <div class="pay-tab">
                    <!--tab-->
                    <div class="table_card">
                        <ul class="tab">
                            <li class="activ">快捷支付 </li>
                            <!--<li>余额支付</li>-->
                        </ul>
                        <div class="tabCon">
                            <div class="item on">
                                <div class="pay-strategy">
                                    <div class="unit-pay-card ">
                                        <img src="../../assets/image/zhifubao.png" alt="">
                                    </div>
                                    <div class="unit-pay-card">
                                        <img src="../../assets/image/weixin.png" alt="">
                                    </div>
                                </div>
                                <a href="" disabled class="pay-button ">确认付款</a>
                            </div>
                            <!--<div class="item ">
                                <div class="pay-wallet">
                                    <dl class="sn-clr unit-line">
                                        <dt> 当前余额：</dt>
                                        <dd>
                                            <span class="amount stress"> 800.00</span> 元<span class="recharge sn-right">余额不足？点击 <a
                                                href="">前往余额充值>></a></span>
                                        </dd>
                                    </dl>
                                    <dl class="sn-clr unit-line">
                                        <dt> 余额密码：</dt>
                                        <dd>
                                            <input type="password" maxlength="25" name="username" class="input sn-input " autocomplete="off">
                                            <a class="findpwd" href="">找回密码</a>
                                        </dd>
                                    </dl>
                                    <dl class="sn-clr unit-line">
                                        <dt> 校<span class=" letter-2">验</span>码：</dt>
                                        <dd>
                                            <input type="text" name="username" class="input sn-input input-small" autocomplete="off">
                                            <a class="findpwd" href="">换一张</a>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="wallet-button">
                                    <a href="" disabled class="pay-button">确认付款</a>
                                </div>
                            </div>-->
                        </div>

                    </div>

                </div>
            </div>
        </div>
    <footer>
        <p>
            <a href="#">关于我们</a> |
            <a href="#">会员服务</a> |
            <a href="#">广告中心</a> |
            <a href="#">战略伙伴</a> |
            <a href="#">版权声明</a> |
            <a href="#">联系方式</a> 
        </p>
        <p>Copyright © 2002-2014 mcwzg. 杭州大想网络信息有限公司 版权所有  浙ICP备11063754号-1</p>
    </footer>
</body>
<script src="./../../assets/build/jquery/dist/jquery.js"></script>
<!--<script>
    $(function(){
        $(".tab li").on("click", function(event) {
        $(".tab li")
            .eq($(this).index())
            .addClass("activ")
            .siblings()
            .removeClass("activ");
        $(".tabCon .item")
            .hide()
            .eq($(this).index())
            .show();
        });
    })
</script>-->
</html>